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WEB PAGE ANIMATED CONSTRUCTION AND DISPLAY AND ZOOM IN 
AND OUT VIEWING OF A LARGE WEB PAGE 

BACKGROUND OF THE INVENTION 

1. Technical Field: 

The present invention relates in general to 
construction, display, and viewing of web pages, and in 
particular to web page animated construction and display 
and zoom in and out viewing of a large web page. 

2. Description of the Related Art: 

Browsing of web pages has become commonplace in the 
use of computers and the Internet or the World Wide Web. 
When retrieving and browsing a web page, the http address 
of the web page is specified. The browser retrieves the. 
html file that corresponds to the http address. The 
browser retrieves and displays the web page. However, 
the time for retrieving, loading, or downloading a web 
page may be quite extensive, and the user, especially 
those persons new to browsing the web, may become quite 
bored and impatient during this time that the web page is 
loading, downloading, and being constructed. The images 
gradually appear on the computer screen as the computer 
processes and displays the web page information, and the 
user has to patiently wait for these images to be 
displayed. 

Furthermore, many web pages are relatively large, 
and they extend beyond the current web page view that 
displays the web page on the computer screen. Thus, only 
a portion of the entire web page is displayed at a. time 
in the available web page view for the user. For some 
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users and/or new users who are browsing the web, the 
limited web page view, which displays only a portion of 
the large web page, may be misleading to them in making 
them think that they are viewing the entire large web 
page. Some of the users may not know what to do to view 
the rest of the web page, or they may believe that they 
were viewing the entire web page. 

Figure 3 is a prior art figure showing a view of a 
computer screen 90 with a retrieved web page 100 therein. 
The web page is identified with a web page title 102 and 
has various web objects 104 and has a scroll bar 106 for 
scrolling through the web page. A browser executes a 
typical web page drawing algorithm for constructing the 
web page 100 on the screen. One problem encountered by 
many users is that they may get bored with waiting for 
the web objects to appear and be fully displayed on the 
web page 100. Also, the viewing area of the web page 100 
is limited to only being able to show a portion of the 
web page 100. New and even some existing users may be 
misled in thinking that the portion of the web page 100 
shown in the viewing area is the entire web page 100. 

Also, "more" bars on web pages allow a user or 
viewer to scroll or access additional, unseen portions of 
the web page that extend beyond the viewing area of the 
web page. U.S. Patent No. 5,896,132 provides a prior art 
example of such "more" bars, and this patent is 
incorporated by reference herein. However, these "more" 
bars may not sufficiently or necessarily indicate to the 
user or viewer that additional, unseen portions of the 
web page still exist or show the relative size or general 
page layout compared to what is shown on the computer 
screen. 
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It would therefore be advantageous and desirable to 
provide a system and method for constructing and 
displaying web pages that make the web page loading 
process more interesting on the computer screen for the 
5 user. It would also be advantageous and desirable to 

provide a system and method for enabling and aiding the 
user to know and be indicated of the entire size of the 
web page being retrieved by the user. It would still 
further be advantageous and desirable to provide a web 

10 page animated construction and display that involves 

animated mover characters moving portions or pieces of 
the web page onto the web page viewing area as the web 
page is being constructed so that the user is provided 
with at least some further interest during the web page 

15 construction process. It would still also be 

advantageous and desirable to provide zoom in and out 
viewing capabilities of a large web page as the web page 
is retrieved so that the user has knowledge and a general 
indication of the relative size of the entire web page, 

20 It would still further be advantageous and desirable to 

provide a web browser that displays a web page that uses 
both the web page animated construction and display and 
zoom in and out viewing of the entire web page. 
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SUMMARY OP THE INVENTION 

It is therefore one object of the present invention 
to provide a system and method for constructing and 
displaying web pages that make the web page loading 
process more interesting on the computer screen for the 
user. 

It is another object of the present invention to 
provide a system and method for enabling and aiding the 
user to know and be indicated of the entire size of the 
web page being retrieved by the user. 

It is still a further object of the present 
invention to provide a web page animated construction and 
display that involves animated mover characters moving 
portions or pieces of the web page onto the web page 
viewing area as the web page is being constructed so that 
the user is provided with at least some further interest 
during the web page construction process. 

It is still another object of the present invention 
to provide zoom in and out viewing capabilities of a 
large web page as the web page is retrieved so that the 
user has knowledge and a general indication of the 
relative size of the entire web page. 

It is still a further object of the present 
invention to provide a web browser that displays a web 
page that uses both the web page animated construction 
and display and zoom in and out viewing of the entire web 
page . 

The foregoing objects are achieved as is now 
described. A system and method of using a browser for 
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displaying a web page on a computer screen wherein the 
browser executes a web page animated construction and/or 
provides zoom in and out viewing of the web page as the 
web page is constructed. The animated construction 
involves the browser associating each web object with an 
animated mover character. The web object and animated 
mover character are moved from outside a boundary area of 
the web page to its programmed location within the web 
page wherein the movement simulates that the animated 
mover character is building the web page. The zoom in 
and out viewing of a web page involves execution of a web 
page construction algorithm, such as the web page 
animated construction algorithm, for display of the web 
objects on the web page. The browser determines whether 
web object display has exceeded a current zoomed view of 
the web page and zooms out the current zoomed view to 
accommodate additional web objects if display has 
exceeded the current zoomed view. The browser processes, 
all of the web objects to display the entire web page 
with all of the web objects. The browser then zooms back 
into the current view of the web page to only an initial 
portion of the web page. A scroll indicator with the 
current view of the web page for indicating to a user 
scrollability and accessibility to more and other 
portions of the web page. 

The above as well as additional objects, features, 
and advantages of the present invention will become 
apparent in the following detailed written description. 
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BRIEF DESCRIPTION OP THE DRAWINGS 

The novel features believed characteristic of the 
invention are set forth in the appended claims. The 
invention itself however, as well as a preferred mode of 
use, further objects and advantages thereof, will best be 
understood by reference to the following detailed 
description of an illustrative embodiment when read in 
conjunction with the accompanying drawings, wherein: 

Figure 1 is an overall block diagram of the computer 
hardware system for implementing the present invention 
web page animated construction and display and zoom in 
and out viewing of a large web page; 

Figure 2 is an overall block diagram of computer 
systems and servers communicating over the Internet 
wherein each of the computer systems is able to implement 
the present invention web page animated construction and 
display and zoom in and out viewing of a large web page; 

Figure 3 is a prior art figure showing a view of a 
computer screen with a retrieved web page therein; 

Figure 4 is a view of a computer screen showing an 
initial step of a web page being constructed by an 
animated mover character; 

Figure 5 is a view of a computer screen showing a 
subsequent step of the web page construction in Figure 4 
wherein the web page is being constructed by the animated 
mover character; 

Figure 6 is a view of a computer screen showing an 
initial step of a web page being constructed by two 
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animated mover characters; 

Figure 7 is a view of a computer screen showing the 
web page of Figure 6 continuing to be constructed by- 
having the animated mover character (s) move each piece (s) 
or portion (s) or object (s) onto the web page viewing 
area ; 

Figure 8 is a view of a corner of the web page 
viewing area wherein an object is being moved from the 
outside to the inside of the web page; 

Figure 9 is a flow chart of an algorithm for 
displaying a web page by a web browser wherein the web 
browser implements a web page animated construction 
algorithm; 

Figure 10 is a flow chart of an example web page . . 
animated construction algorithm that is able to be used 
in and implemented by the algorithm of Figure 9; 

Figure 11 is a view of a computer screen with a web 
page viewing area showing a portion of an entire web page 
when the web page is being retrieved; 

Figure 12 is a view of a computer screen with a web 
page viewing area that is zooming out so that more 
portions of the entire web page may be seen when the web 
page is being retrieved; 

Figure 13 is a view of a computer screen with a web 
page viewing area that is further zoomed out so that the 
entire web page may be seen when the web page is being 
retrieved; 
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Figure 14 is a view of a computer screen with a web 
page viewing area that is zooming back in after the 
entire web page has been retrieved and seen; 

5 Figure 15 is a view of a computer screen with a web 

page viewing area that continues to zoom back in showing 
only portions of the entire web page after the entire web 
page has been retrieved and seen; 

10 Figure 16 is a view of a computer screen with a web 

page viewing area that is zoomed back in showing only a 
portion of the entire web page after the entire web page 
has been retrieved and seen wherein a more indicator area 
is located beneath the web page portion for indicating to 

15 the user that more portions of the web page exist 

therebelow; and 

Figure 17 is a flow chart of an algorithm for 
displaying a web page by a web browser wherein the web. 
20 browser implements the zoom in and out viewing of a web 

page as shown in Figures 11 to 16. 
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DETAILED DESCRIPTION OF ILLUSTRATIVE EMBODIMENT 

The present invention provides a system and method 
for constructing and displaying web pages that make the 
5 web page loading process more interesting on the computer 

screen for the user, and it also provides a system and 
method for enabling and aiding the user to know and be 
indicated of the entire size of the web page being 
retrieved by the user. The present invention discloses a 

10 web page animated construction and display that involves 

animated mover characters moving portions or pieces of 
the web page onto the web page viewing area as the web 
page is being constructed so that the user is provided 
with at least some further interest during the web page 

15 construction process. The present invention further 

discloses zoom in and out viewing capabilities of a large 
web page as the web page is retrieved so that the user 
has knowledge and a general indication of the relative . 
size of the entire web page. The present invention is 

20 also able to provide a web browser that displays a web 

page that uses both the web page animated construction 
and display and zoom in and out viewing of the entire web 
page . 

25 With reference now to the figures and in particular 

with reference to Figure 1, an overall block diagram of 
the computer hardware system 10 for implementing the 
present invention web page animated construction and 
display and/or zoom in and out viewing of a web page is 

30 shown. The hardware system 10 is generally a computer 

system that provides Internet access and web browsing and 
is able to retrieve and display web pages. The hardware 
system 10 has a number of computer sub- systems in 
communications with or to each other on a communications 

35 bus 21. The various computer sub-systems coupled to the 
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bus 21 include but are not limited to the following 
systems or devices: a memory management system 25, a 
microprocessor 22, a read only memory (ROM) system 23, a 
random access memory (RAM) system 24, an input/output 
controller (I/O CONT.) 40, a digital signal processor 33, 
a hard disk 26, a floppy disk 27, a CD ROM 32, a keyboard 
controller 28, a mouse controller 29, a video controller 
30, and an audio controller 31. The I/O CONT. 40 
provides communications to an input/output device via 
line 46. A keyboard 12 is coupled to the keyboard 
controller 28. A mouse 13 is coupled to the mouse 
controller 29. A graphic display 14 is coupled to the 
video controller 30. Speakers 15A and 15B are coupled to 
the audio controller 31. The RAM system 24 is divided 
into at least the following memory allocations: 1) 
operating system 48; 2) protocol stack 52; 3) a browser 
or web browser 49; 4) a bookmark set manager 50; and 5) 
bookmark sets 51. The present invention is not in any 
way limited to the specific hardware disclosed above for 
the system 10, and any suitable system, sub-system, 
and/or device may be used to implement the present 
invention or in conjunction with the present invention. 

With reference now to the figures and in particular 
with reference to Figure 2, an overall block diagram 70 
of computer systems 10 and servers 80 communicating over 
the Internet or World Wide Web 75 is shown. Each of the 
computer systems 10 is able to implement the present 
invention web page animated construction and display and 
zoom in and out viewing of a large web page. As stated 
earlier, Figure 3 is a prior art figure that shows a 
computer screen 90 with a retrieved web page 100. The 
problems with the prior art ways of drawing and 
displaying a web page 100 were discussed earlier. 
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With reference now to the figures and in particular 
with reference to Figure 4, a computer screen 90 
displaying an initial step of a web page 100 being 
constructed by the present system and method of using an 
animated mover character 108 is shown. The present 
invention discloses the use of animated mover characters, 
such as animals, persons, object movers, etc. The 
present invention, however, is not in any way limited to 
the specific animated mover characters disclosed in this 
specification, and any suitable character, object, or 
method used for representing the moving of web objects 
for the web page 100 or the construction of the web page 
100 may be used with the present invention. Furthermore, 
the present invention may also utilize a multiple step 
animation process, such as a twelve step animation 
process, in showing or portraying movement or sliding of 
the web object 104 by the character 108. Figure 4 shows 
one of the web objects 104 initially drawn on the 
computer screen 90, but it is drawn off of the web page 
100. The animated mover character 108 is drawn below the 
web object 104, symbolizing that it is or will be moving 
the object 104. In Figure 4, the animated mover 
character 108 is drawn to be an animal. With reference 
now to the figures and in particular with reference to 
Figure 5, the computer screen 90 then shows a subsequent 
step of the web page construction that was initiated at 
Figure 4. Figure 5 shows that animated mover character 
108 has moved the web object 104 to its appropriate place 
on the web page 100. 

With reference now to the figures and in particular 
with reference to Figure 6, a computer screen 90 
displaying an initial step of a web page 100 being 
constructed by multiple animated mover characters 108 is 
shown. Figure 6 shows two web objects 104 initially 
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drawn on the computer screen 90, but they are both drawn 
off of the web page 100. An animated mover character 108 
is drawn below each of the two web objects 104. Each 
animated character 108 symbolizes that it is or will be 
moving the respective web object 104. In Figure 6, an 
animal mover character 108 is drawn below the left web 
object 104 while a person mover character 108 is drawn 
below the right web object 104. 

With reference now to the figures and in particular 
with reference to Figure 7, a computer screen 90 
displaying the web page 100 that is in the process of 
being constructed by a person mover character 108 is 
shown. Figure 7 shows that the right, lower web object 
104 and the person mover character 108 below it are drawn 
on the computer screen 90 outside of the web page 100. 
The object 104 and character 108 are gradually slid or 
moved from outside of the web page 100 to its appropriate 
place inside of the web page 100. The images at 
locations that are behind and are covered by the object 
104 and character 108 are stored into memory, and the 
images are restored by retrieving them from stored memory 
as the object 104 and character 108 slide over and are no 
longer covering the respective locations with the images. 
With reference now to the figures and in particular with 
reference to Figure 8, a corner of the viewing area of 
the web page 100 is shown. Figure 8 shows a web object 
104 being gradually slid and moved from the outside of 
the web page 100 to the inside of the web page 100. 

With reference now to the figures and in particular 
with reference to Figure 9, a flow chart of an algorithm 
112 for displaying a web page 100 by a web browser 49 
wherein the web browser 49 implements the present 
invention web page animated construction algorithm is 
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shown. The algorithm 112 starts at block 114. The 
algorithm 112 moves to block 116 where the http address 
is specified and the browser 49 retrieves the respective 
html file. The algorithm 112 then moves to block 118. 
At block 118, the browser 49 parses the html file which 
identifies the URL retrieval address (es) and specified 
web objects 104, which includes text and images, to be 
placed on the web page 100. The algorithm 112 then moves 
to block 120 where the browser 49 executes the present 
invention web page animated construction algorithm (such 
as the example algorithm 130 in Figure 10 to be later be 
discussed in more detail) . The web page animated 
construction algorithm is not limited to the one 
disclosed in this specification, and any suitable 
animated construction algorithm may be used with the 
present invention. The web page animated construction 
algorithm shows animated construction and display of the 
specified web objects 104 on the web page 100. The 
algorithm 112 then moves to decision block 122. At 
decision block 122, the algorithm 112 determines whether 
the web page animated construction algorithm has 
processed all of the specified web objects 104. If the 
web page animated construction algorithm has not 
processed all of the specified web objects 104, then the 
algorithm 112 loops back to block 120 and continues 
therefrom. If the web page animated construction 
algorithm has processed all of the specified web objects 
104, then the algorithm 112 moves to block 124. At block 
124, the browser 49 displays the web page 100 with all 
specified objects 104, and the animated mover 
character (s) 108 is/are all eventually removed from' 
display. The algorithm 112 ends at block 126. 

With reference now to the figures and in particular 
with reference to Figure 10, a flow chart of an example 
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web page animated construction algorithm 130 is shown. 
The algorithm 130 is able to be used in and implemented 
by the algorithm 112 of Figure 9 at block 120. The 
algorithm 130 starts at block 132. The algorithm 130 
moves to block 134 where the browser 49 receives 
information for one of the specified web objects 104. 
The algorithm 130 then moves to block 136 where the 
browser 49 draws the specified web object 104 on the 
screen 90 outside of the web page 100 and draws the 
animated mover character 108 next to or near the 
specified web object 104 to symbolize that the character 
108 is or will be moving or sliding the web object 104 to 
its appropriate place on the web page 100. The algorithm 
130 then moves to block 138. At block 138, the browser 
49 saves into memory the images at the location over 
which the specified web object 104 and the animated mover 
character 108 were drawn. The algorithm 130 then moves 
to block 140. At block 140, the browser 49 moves or 
slides the specified web object 104 and the animated 
mover character 108 towards its programmed and 
appropriate location on the web page 100. The object 104 
and character 108 are slid and moved on the screen 90 in 
a manner which simulates that the animated mover 
character 108 is building the web page 100. The browser 
saves into memory any images now being covered by the 
object and character 108. The browser 49 re-draws the 
images at the locations that were covered by the object 
104 and character 108 by retrieving and using the saved 
images in memory as the object 104 and character 108 are 
slid over and no longer covering that location. 

The algorithm 130 then moves to decision block 142. 
At decision block 142, the algorithm 130 determines 
whether the object 104 and character 108 have arrived at 
the final appropriate and programmed location. If they 
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have not yet arrived, then the algorithm 130 loops back 
to block 140 and continues therefrom. However, if they 
have arrived, then the algorithm 130 moves to block 144. 
At block 144, the animated mover character 108 is removed 
from the web page 100. The algorithm 130 moves to 
decision block 146. At decision block 146, the algorithm 
130 determines whether all specified web objects 104 have 
been displayed on the web page 100. If all web objects 
104 have not been displayed, then the algorithm 130 moves 
to block 148 where the browser 49 receives information 
for another one of the specified web objects 104, and the 
algorithm 130 loops back to block 136 where it continues 
therefrom. On the other hand, if all web objects -104 
have been displayed on the web page 100, then the 
algorithm 130 ends at block 150. 

Figures 11 to 17 illustrate the zoom in and out 
viewing of a large web page feature of the present 
invention. With reference now to the figures and in 
particular with reference to Figures 11 to 13, the zoom 
out process of a web page 100 when web objects 104 are 
retrieved and exceed the viewing area of a web page 100 
is illustrated. Figure 11 shows a computer screen 90 
with a web page viewing area 92 showing a portion of an 
entire web page 100 when the web page 100 is being 
retrieved. As more web objects 104 are being retrieved 
for web page 100 that exceed the viewing area 92, Figure 
12 shows a proportionally and more zoomed out viewing 
area 94 that replaces the viewing area 92. The more 
zoomed out viewing area 94 is provided on the web page 
100 to accommodate the showing of the additionally 
retrieved web objects 104. The zooming out of the 
viewing area continues until a viewing area 96 that shows 
the entire web page 100 with all web objects 104 is 
displayed on the computer screen 90 for the user or 
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viewer as shown in Figure 13. The dotted reference line 
98 in views 94 and 96 in respective Figur s 12 and 13 
shows the viewer the relative and proportional position 
of the portion being initially viewed in view 92 of 
Figure 11 in relative to the larger portion of the web 
page 100 or the entire web page 100. 

With reference now to the figures and in particular 
with reference to Figures 14 to 16, the zoom in process 
of a web page 100 after the entire web page 100 with all 
web objects 104 have been retrieved is illustrated. 
Figure 14 shows that the entire web page 100 is being 
zoomed in after it has been retrieved with all objects 
104. Figure 15 shows that the web page viewing area 96 
of Figure 14 has been replaced with a more zoomed in 
viewing area 94, which shows less of the entire web page 
100. Figure 16 shows an even more zoomed in view 92 of 
the same initial portion of the web page 100 as shown in. 
Figure 12. The dotted reference line 98 in views 96 and 
94 of respective Figures 14 and 15 aid in showing the 
zooming in process of the initial portion of the web page 
100. The reference line 98 also reflects the relative 
and proportional position of the initial portion in 
relationship to the larger portion of the web page 100 or 
the entire web page 100. A "more" bar 99 located at the 
bottom of the initial portion or any other suitable 
indicator for providing a way of indicating to the user 
or viewer that other additional, unseen portions of the 
web page 100 may be scrolled to and viewed is provided 
and shown in Figure 16 . 

With reference now to the figures and in particular 
with reference to Figures 17, a flow chart of an 
algorithm 152 for displaying a web page 100 by a web 
browser 49 wherein the web browser 49 implements the zoon 
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in and zoom out viewing of a web page feature of the 
present invention is shown. The algorithm 152 starts at 
block 154. The algorithm 152 moves to block 156. At 
block 156, an http address is specified, and the browser 
5 49 retrieves the respective html file. The algorithm 152 

moves to block 158 where the browser 49 parses the html 
file which identifies the URL retrieval address (es) and 
specified web objects 104, which includes text and 
images, to be placed on the web page 100. The algorithm 

10 152 then moves to block 160 where the browser 49 executes 

a programmed web page construction algorithm for 
displaying the specified web objects 104 on the web page 
100. The web page construction algorithm may be the web 
page animated construction algorithm 130 of Figure 10 

15 discussed earlier or any other suitable web page animated 

construction algorithm, whereby the animated construction 
feature and the zoom in and out of the web page feature 
would, in effect, be combined. Alternatively, the web 
page construction algorithm may be any web page display 

20 algorithm or any conventional web page construction 

algorithm. Thus, the present invention zoom in and out 
algorithm is not in any way limited to being used with a 
specific web page construction algorithm, and any 
suitable web page construction algorithm may be used with 

25 the present invention. 

The algorithm 152 then continues at decision block 
162. At decision block 162, the algorithm 152 determines 
whether the display by the web page construction 

30 algorithm has exceeded the current zoomed view of the web 

page 100. If the display has exceeded the current zoomed 
view, then the algorithm 152 moves to block 164 where the 
current view of the web page 100 is zoomed out to 
accommodate the view of additional object (s) 104, and the 

35 algorithm 152 then moves to decision block 166. On the 
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other hand, if the display has not exceeded the current 
zoomed view, then the algorithm 152 moves directly from 
decision block 162 to decision block 166. At decision 
block 166, the algorithm 152 determines whether the web 
page construction algorithm has processed all of the 
specified web objects 104. If it has not processed all 
specified objects 104, then the algorithm 152 loops back 
to block 160 and continues therefrom. However, if it has 
processed all specified objects 104, then algorithm 152 
moves to block 168. At block 168, the browser 49 
displays the entire web page 100 with all specified 
objects 104. The browser 49 then zooms in the current 
view to an initial portion of the web page 100. An 
indicator, such as the "More" bar 99 in Figure 16, is 
provided near the zoomed- in initial portion for 
indicating scrollability and accessibility by the user or 
viewer to more or other portion (s) of the web page 100. 
The algorithm 152 ends at block 170. . . 

While the invention has been particularly shown and 
described with reference to a preferred embodiment, it 
will be understood by those skilled in the art that 
various changes in form and detail may be made therein 
without departing from the spirit and scope of the 
invention. 



